<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/news.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
	</head>

	<body>
		<div class="web">

			<!--头部-->
			<header>
				<nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
					<div class="container">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="sr-only">Toggle navigation</span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
					      	</button>
							<a class="navbar-brand" href="#"><img src="img/logo.png" /></a>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav ">
								<li class="active">
									<a href="index.html">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="family.html">laya家族</a>
								</li>
								<li>
									<a href="game.html">游戏</a>
								</li>
								<li>
									<a href="news.html">新闻动态</a>
								</li>
								<li>
									<a href="#">开发者中心</a>
								</li>
								<li>
									<a href="#">开发者社区</a>
								</li>
								<li>
									<a href="#">开放平台</a>
								</li>
								<li>
									<a href="aboutlaya.html">关于我们</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right">
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">language<span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">中文</a>
										</li>
										<li>
											<a href="#">英文</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
				</nav>
				</nav>
				
			</header>
			
			  <div class="new_wrap_top">
			  		<div class="container">
			  			<div class="row">
			  				<div class="col-lg-12">
			  					<div class="new_top_title">
			  						<h2>新闻动态</h2>
			  					</div>
			  				</div>
			  				<div class="col-lg-4 col-md-12 col-xs-12">
			  					<div class="top_box_left">
			  						<a href="">
			  						<div class="top_pic">
			  							<img src="img/new_top01.jpg"/>
			  						</div>
			  						</a>
			  						<div class="hidden_bottom">
			  							<a href="">技术突破：HTML5裸跑性能已可媲美APP</a>
			  						</div>			
			  					</div>
			  				</div>
			  				<div class="col-lg-4 col-md-12 col-xs-12">
			  					<div class="top_box_left">
			  						<a href="">
			  						<div class="top_pic">
			  							<img src="img/game_pic02.jpg"/>
			  						</div>
			  						</a>
			  						<div class="hidden_bottom">
			  							<a href="">技术突破：HTML5裸跑性能已可媲美APP</a>
			  						</div>			
			  					</div>
			  				</div>
			  				<div class="col-lg-4 col-md-12 col-xs-12">
			  					<div class="top_box_left">
			  						<a href="">
			  						<div class="top_pic">
			  							<img src="img/new_top01.jpg"/>
			  						</div>
			  						</a>
			  						<div class="hidden_bottom">
			  							<a href="">技术突破：HTML5裸跑性能已可媲美APP</a>
			  						</div>			
			  					</div>
			  				</div>
			  				
			  			</div>
			  		</div>
			  		
			  </div>
			  <div class="no_centent">
			  	<div class="container">
			  		<div class="row">
			  			
			  		</div>
			  	</div>
			  </div>
				<!--游戏列表介绍-->
				<div class="game_list">
					<div class="container">
						<div class="row">
							
							<div class="col-lg-3 col-md-4 col-xs-4">
								<div class="game_list_pic">
								<img src="img/game_middle_01.jpg"/>
							</div>
							</div>
							<div class="col-lg-9 col-md-8 col-xs-8">
								<div class="game_list_text">
									<h4>技术突破：HTML5裸跑性能已可媲美APP</h4>
									<p>2016-02-25</p>
									<p>
										Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
									</p>
									<div class="see">
										<a href="#">查看详情</a>
									</div>
								</div>
							</div>
							<div class="list_dis">
								<div class="container">
									<div class="row col-lg-12">
										<div class="list_dis2">
											
										</div>
									</div>
								</div>
							</div>
							<!--2-->
								<div class="col-lg-3 col-md-4 col-xs-4">
								<div class="game_list_pic">
								<img src="img/game_middle_02.jpg"/>
							</div>
							</div>
							<div class="col-lg-9 col-md-8 col-xs-8">
								<div class="game_list_text">
									<h4>Layabox吹响进军台湾HTML5市场的号角</h4>
									<p>2016-01-29</p>
									<p>
										以本届HTML5游戏峰会为契机，Layabox携多款优质大型HTML5手游吹响了进军台湾的号角，与此同时，Layabox与台湾游戏产业同行就游戏开发、游戏发行、平台合作等业务启动了合作的筹备阶段。猴年春节后，将会有多款大型HTML5手游直接登陆台湾游戏市场。
									</p>
									<div class="see">
										<a href="#">查看详情</a>
									</div>
								</div>
							</div>
							<div class="list_dis">
								<div class="container">
									<div class="row col-lg-12">
										<div class="list_dis2">
											
										</div>
									</div>
								</div>
							</div>
							<!--3-->
								<div class="col-lg-3 col-md-4 col-xs-4">
								<div class="game_list_pic">
								<img src="img/game_middle_03.jpg"/>
							</div>
							</div>
							<div class="col-lg-9 col-md-8 col-xs-8">
								<div class="game_list_text">
									<h4>微信“应用号”后，Layabox与火速移动结盟力推HTML5应用   </h4>
									<p>2016-01-15/p>
									<p>
										HTML5商业引擎提供商Layabox与HTML5应用发行商火速移动（Huosumobi），于2016年1月13日正式宣布双方结成全面战略合作联盟。未来从HTML5应用的市场推广、引擎技术、平台、运营、分发等HTML5应用领域的生态进行全方位合作。
									</p>
									<div class="see">
										<a href="#">查看详情</a>
									</div>
								</div>
							</div>
							<div class="list_dis">
								<div class="container">
									<div class="row col-lg-12">
										<div class="list_dis2">
											
										</div>
									</div>
								</div>
							</div>
							<!--4-->
								<div class="col-lg-3 col-md-4 col-xs-4">
								<div class="game_list_pic">
								<img src="img/game_middle_04.jpg"/>
							</div>
							</div>
							<div class="col-lg-9 col-md-8 col-xs-8">
								<div class="game_list_text">
									<h4>谢成鸿：HTML5引擎将向全行业引擎领域发展</h4>
									<p>2016-01-12</p>
									<p>
										Layabox总裁谢成鸿讲解了HTML5游戏引擎的现状和未来的发展，认为HTML5的性能突破将淘汰单个行业领域的全能引擎，向全行业引擎领域发展，HTML5的3D引擎时代也会提前到来。
									</p>
									<div class="see">
										<a href="#">查看详情</a>
									</div>
								</div>
							</div>
							<div class="list_dis">
								<div class="container">
									<div class="row col-lg-12">
										<div class="list_dis2">
											
										</div>
									</div>
								</div>
							</div>
							<!--5-->
								<div class="col-lg-3 col-md-4 col-xs-4">
								<div class="game_list_pic">
								<img src="img/game_middle_05.jpg"/>
							</div>
							</div>
							<div class="col-lg-9 col-md-8 col-xs-8">
								<div class="game_list_text">
									<h4>Layabox荣膺“2015年度最佳引擎奖”   </h4>
									<p>2016-02-25</p>
									<p>
										HTML5梦工场举办的”娜喊杯”2015 HTML5年度颁奖盛典于2016年1月7日在北京古北水镇成功举行。Layabox凭借2015年唯一拥有大型HTML5游戏线上产品的商业引擎供应商优势，荣膺“2015年度最佳引擎奖”。
									</p>
									<div class="see">
										<a href="#">查看详情</a>
									</div>
								</div>
							</div>
							<div class="list_dis">
								<div class="container">
									<div class="row col-lg-12">
										<div class="list_dis2">
											
										</div>
									</div>
								</div>
							</div>
							<!--6-->
								<div class="col-lg-3 col-md-4 col-xs-4">
								<div class="game_list_pic">
								<img src="img/game_middle_06.jpg"/>
							</div>
							</div>
							<div class="col-lg-9 col-md-8 col-xs-8">
								<div class="game_list_text">
									<h4>Layabox本月将上线四款大型HTML5游戏   </h4>
									<p>2015-12-10</p>
									<p>
										Layabox一直致力于大型HTML5引擎技术研发和CP培育，从本月开始，将不断推出大型HTML5游戏，我们希望用自己的努力，提升玩家和渠道对HTML5游戏品质以及盈利能力的信心，推动产业的发展和升级。
									</p>
									<div class="see">
										<a href="#">查看详情</a>
									</div>
								</div>
							</div>
							<div class="list_dis">
								<div class="container">
									<div class="row col-lg-12">
										<div class="list_dis2">
											
										</div>
									</div>
								</div>
							</div>
							<!--7-->
								<div class="col-lg-3 col-md-4 col-xs-4">
								<div class="game_list_pic">
								<img src="img/game_middle_07.jpg"/>
							</div>
							</div>
							<div class="col-lg-9 col-md-8 col-xs-8">
								<div class="game_list_text">
									<h4>关于HTML5游戏跨界合作的几个切入点！   </h4>
									<p>2015-12-02</p>
									<p>
										要想在当前阶段先跳出来成为瞩目的明星企业。一是制作高品质游戏，兼顾APP与H5市场；二是要深度结合H5技术的无需下载、即点即玩、易传播、跨平台、应用领域广泛等属性
									</p>
									<div class="see">
										<a href="#">查看详情</a>
									</div>
								</div>
							</div>
							<div class="list_dis">
								<div class="container">
									<div class="row col-lg-12">
										<div class="list_dis2">
											
										</div>
									</div>
								</div>
							</div>
							<!--8-->
								<div class="col-lg-3 col-md-4 col-xs-4">
								<div class="game_list_pic">
								<img src="img/game_middle_08.jpg"/>
							</div>
							</div>
							<div class="col-lg-9 col-md-8 col-xs-8">
								<div class="game_list_text">
									<h4>HTML5行业首次出席中日韩政府级开源论坛   </h4>
									<p>2015-11-26</p>
									<p>
										第十四届东北亚开源软件推进论坛在日本东京举行,本次会议由中日韩三国行业主管部门组织。这是HTML5行业代表首次出市出席东北亚开源软件推进论坛。
									</p>
									<div class="see">
										<a href="#">查看详情</a>
									</div>
								</div>
							</div>
							<div class="list_dis">
								<div class="container">
									<div class="row col-lg-12">
										<div class="list_dis2">
											
										</div>
									</div>
								</div>
							</div>
							<!--9-->
								<div class="col-lg-3 col-md-4 col-xs-4">
								<div class="game_list_pic">
								<img src="img/game_middle_09.jpg"/>
							</div>
							</div>
							<div class="col-lg-9 col-md-8 col-xs-8">
								<div class="game_list_text">
									<h4>Layabox引擎用HTML5还原3D端游</h4>
									<p>2015-11-23</p>
									<p>
										老牌游戏研发商中娱正在用Layabox引擎将著名3D 端游《猎刃》还原到HTML5场景中，Layabox有望成为首个拥有重度3D游戏产品案例的HTML5游戏引擎。
									</p>
									<div class="see">
										<a href="#">查看详情</a>
									</div>
								</div>
							</div>
							<div class="list_dis">
								<div class="container">
									<div class="row col-lg-12">
										<div class="list_dis2">
											
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--游戏列表介绍-->
				<!--分割线-->
				<div class="cutting_line">
					<div class="container">
						<div class="row col-lg-12 col-md-12 cutting_line_box">
							<div class="cutting_line_box_border">
								
							</div>
						</div>
					</div>
				</div>
				
				
				<!--分页-->
				<div class="page_wrap">
					<div class="container">
						<div class="row">
							<div class="col-lg-12 col-md-12 text_centent">
								<nav aria-label="Page navigation">
									  <ul class="pagination">
									  	<li>
									  		<a href="#">36条</a>
									  	</li>
									    <li>
									      <a href="#" aria-label="Previous">
									        <span aria-hidden="true">上一页</span>
									      </a>
									    </li>
									    <li><a href="#">1</a></li>
									    <li><a href="#">2</a></li>
									    <li><a href="#">3</a></li>
									    <li><a href="#">4</a></li>
									    <li><a href="#">5</a></li>
									    <li>
									      <a href="#" aria-label="Next">
									        <span aria-hidden="true">下一页</span>
									      </a>
									    </li>
									  </ul>
									</nav>
							</div>
						</div>
					</div>
				</div>
				<!--分页结束-->
				
			<!--脚部-->
			<footer>
				<nav class="navbar navbar-default navbar-fixed-bottom">
					<div class="container">
						<div class="row link_wrap">
							<div class="col-xs-12 col-sm-8 col-md-8 ">

								<div class="about_us">
									<ul>
										<li>
											<a href="#">公司简介</a>
										</li>
										<li>
											<a href="#">练习方式</a>
										</li>
										<li>
											<a href="">人才招聘</a>
										</li>
									</ul>
								</div>
								<div class="copy">
									<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
								</div>
							</div>
							<div class="col-xs-12 col-sm-4 col-md-4">
								<div class="link_box">
									<div  class="link_box1">
												<i id="email" class="iconfont icon-youxiang" data-placement="top"></i>
											</div>
											<div class="link_box2">
												<i id="weixin" class="iconfont icon-wechat" data-placement="top"></i>
											</div>
											<div class="link_box3">
												<i id="qq" class="iconfont icon-qq" data-placement="top"></i>
											</div>
								</div>
							</div>
						</div>
					</div>
				</nav>
			</footer>
			<!--脚部结束-->
		</div>
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
				<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
				<script src="js/wow.js" type="text/javascript" charset="utf-8"></script>
				<script type="text/javascript">
					new WOW().init();
				</script>
				<script type="text/javascript">
				    $('#email').popover({
				        trigger : 'hover',//鼠标以上时触发弹出提示框
				        html:true,//开启html 为true的话，data-content里就能放html代码了
				        content:"<img src='img/email.png'>"
				    });
				    $('#weixin').popover({
				        trigger : 'hover',
				        html:true,
				        content:"<img src='img/weixin_03.jpg'>"
				    });
				    $('#qq').popover({
				        trigger : 'hover',
				        html:true,
				        content:"<img src='img/qqpop.png'>"
				    });
				</script>
			
	</body>

</html>
